<script lang="ts" setup>
import { onMounted } from "vue"
const props = defineProps({
  size: {
    type: Number,
    default: 3
  },
  bgColor: {
    type: String,
    default: "#7fffd4"
  }
})
onMounted(() => {
  const canvas = document.querySelector("#canvas") as HTMLElement
  canvas.style.backgroundColor = props.bgColor
})
</script>
<template>
  <div>
    <canvas id="canvas" width="300" height="300" />
  </div>
</template>
<style lang="scss" scoped></style>
